<template>
    <div class="bg-orange-500 bg-opacity-50" style="height: 200px;">
        <div class="font-600">1ds2</div>
        <div class="text-sm">1ds2</div>
        <div class="text-lg">1ds2</div>
        <div class="text-3xl">1ds2</div>
    </div>
    <!-- <div>
        <el-descriptions
            title="Vertical list with border"
            direction="vertical"
            :column="2"
          
            border
        >
        
        <div v-if="editId==0">
           
            <el-descriptions-item label="Username" >{{msg}}</el-descriptions-item>
            <el-descriptions-item label="操作">
                <el-button type="primary" link @click="Edit">Edit</el-button>
                <el-button type="primary" link>Delete</el-button>
                <el-button type="primary" link @click="lianxi">lianxi</el-button>
                
            </el-descriptions-item>
        </div>
        <div v-else>
             <el-descriptions-item label="Username" ><el-input v-model="msg" clearable></el-input></el-descriptions-item>
            <el-descriptions-item label="操作">
                <el-button type="primary" link >ok</el-button>
                <el-button type="primary" link @click="No">no</el-button>
            </el-descriptions-item>
        </div>
      
        </el-descriptions>
        
    </div> -->
</template>
<script setup>
import { ref } from 'vue'
const msg = ref("zhangdan")
const editId = ref(0)
const Edit = () => {
    editId.value = 1
    console.log('Edit',editId.value)
}
const No = () => {
    editId.value = 0
    console.log('no',editId.value)
}
const lianxiData = ref( [
    {"name":'zhangdan',"age":18},   
    {"name":'qiaowenjun',"age":28},   
])
const lianxi=()=>{
    lianxiData.value = lianxiData.value.filter(item=>item.age>18)
    console.log(lianxiData.value)
}

// const lianxi=()=>lianxiData.map((item,index)=>item.addr='shanghai',console.log(lianxiData))
</script>